[v-cloak] {
  display: none;
}
.searchhome {
  background: #f4f4f4;
  min-height: 100vh;
  width: 100vw;
}

.header {
  height: 13.333vw;
  background: #fff;
  position: relative;
  text-align: center;
  line-height: 13.333vw;
  overflow: hidden;
}

.header em {
  font-style: normal;
  font-size: 4.267vw;
}

.icon-location {
  background: url(../../image/location.png) no-repeat;
  background-size: 100%;
  width: 5.6vw;
  height: 6.4vw;
  display: block;
  position: absolute;
  right: 3.2vw;
  top: 50%;
  transform: translate(0, -50%);
}

/* 五家超市 */
.five-market {
  background: #fff;
  margin-top: 3.2vw;
}
.market-title {
  font-size: 4.267vw;
  padding: 3.2vw 0 6.4vw 3.2vw;
}
.five-market ul {
  display: flex;
  margin: 0 3.2vw;
  padding-bottom: 6.4vw;
}
.five-market li {
  flex: 1;
  text-align: center;
}

.five-market li img {
  width: 17.333vw;
  height: 13.333vw;
}


.search-list {
  background: #fff;
  padding: 3.333vw;
}
.search-list ul {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 40vw 40vw;
}

.search-list li {
  text-align: center;
  color: #000;
  font-size: 3.733vw;
}
.search-list li:nth-child(1) {
  border-bottom: 1px solid #eee;
  border-right: 1px solid #eee;
}
.search-list li:nth-child(3) {
  border-right: 1px solid #eee;
}
  
.search-list li:nth-child(2) {
  border-bottom: 1px solid #eee;
}
.search-list img {
  width: 9.6vw;
  height: 9.6vw;
  margin-top: 11.333vw;
  margin-bottom: 2.667vw;
}

 /*弹框*/
 .layerbg {
	background: rgba(0, 0, 0, 0.6);
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: fixed;
	z-index: 1000;
}

.layer-container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;  
  z-index: 1001;
  display: flex;
  flex-direction: column;  
  justify-content: center;
  align-items: center;
}
.layer_other {
	background: #fff;
	border-radius: 1.6vw;
  width: 60vw;
  padding-bottom: 13.867vw;
  position: relative;
}

.layer_other h1 {
	font-size: 4.267vw;
	text-align: center;
	margin-top: 3.2vw;
	margin-bottom: 3.2vw;
	color: rgba(51, 51, 51, 1);
	font-weight: bold;
}

.layer_other h3 {
	margin: 0 3.2vw;
  color: rgba(51, 51, 51, 1);
  font-weight: normal;
  font-size: 4.267vw;
  line-height: 1.5;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.layer_button {
	margin: 0 3.2vw;
	position: absolute;
  bottom: 0;
  width: 53.6vw;
	height: 10.667vw;
	font-size: 4.267vw;
	border-top: #d5d5d5 1px solid;
}
.layer_cancel {
	display: block;
	position: absolute;
	width: 26.8vw;
	height: 10.667vw;
	line-height: 10.667vw;
	border-right: #d5d5d5 1px solid;
	left: 0;
	bottom: 0;
	text-align: center;
	color: rgba(153, 153, 153, 1);
}
.layer_ok {
	display: block;
	position: absolute;
	width: 26.8vw;
	height: 10.667vw;
	line-height: 10.667vw;
	right: 0;
	bottom: 0;
	text-align: center;
	color: rgba(236, 126, 45, 1);
}


/*底部导航栏*/
.footbar {
  position: fixed;
  left: 0;
  bottom: 0;
  z-index: 100;
  width: 100vw;
  background: #fff;
  transition: transform .2s ease-out,-webkit-transform .2s ease-out;
  box-shadow: 0 .4vw 1.867vw .267vw rgba(0,0,0,.12)
}
.footbar ul {
  display: flex;
  overflow: hidden;
}
.footbar li {
  flex: 1;    
  height: 13.333vw;
}
.link-home a {
  background: url(../../image/icon-home.png) no-repeat;  
}
.link-home.active a{
  color: #ec7e2d;
  background: url(../../image/icon-home-o.png) no-repeat;
  background-size: 6.4vw 6.4vw;
  background-position: center 1.333vw;  
}
.link-sms a {
  background: url(../../image/icon-sms.png) no-repeat;  
}
.link-sms.active a{
  color: #ec7e2d;
  background: url(../../image/icon-sms-o.png) no-repeat;
  background-size: 6.4vw 6.4vw;
  background-position: center 1.333vw;  
}
.link-search a {
  background: url(../../image/icon-buy.png) no-repeat;  
}
.link-search.active a{
  color: #ec7e2d;
  background: url(../../image/icon-buy-o.png) no-repeat;
  background-size: 6.4vw 6.4vw;
  background-position: center 1.333vw;  
}
.link-cart a {
  background: url(../../image/icon-cart.png) no-repeat;  
}
.link-cart.active a{
  color: #ec7e2d;
  background: url(../../image/icon-cart-o.png) no-repeat;
  background-size: 6.4vw 6.4vw;
  background-position: center 1.333vw;  
}
.link-user a {
  background: url(../../image/icon-member.png) no-repeat;  
}
.link-user.active a{
  color: #ec7e2d;
  background: url(../../image/icon-member-o.png) no-repeat;
  background-size: 6.4vw 6.4vw;
  background-position: center 1.333vw;  
}
.footbar a {
  color: #000;
  display: inline-block;
  width: 100%;
  height: 100%;
  text-align: center;
  font-size: 3.2vw;
  background-size: 6.4vw 6.4vw;
  background-position: center 1.333vw;
  padding-top: 8.267vw;
  text-decoration: none;
}